<div class="statistics-body">
  <div class="statistics-header">
    <ul class="nav nav-tabs" role="tablist">
      <li class="active">
        <a href="#student-data-detail" data-toggle="tab">
          {{ 'classroom.manage.data_statistics.student_detail_list.title'|trans }}
        </a>
      </li>
      <li>
        <a href="#task-data-detail" data-toggle="tab">
          {{ 'classroom.manage.data_statistics.course_detail_list.title'|trans }}
        </a>
      </li>
    </ul>
  </div>
  <div class="tab-content">
    <div class="tab-pane fade in active" id="student-data-detail">
      {% include 'classroom-manage/statistics/student-chart.html.twig' %}
    </div>
    <div class="tab-pane fade clearfix" id="task-data-detail">
      {% include 'classroom-manage/statistics/course-chart.html.twig' %}
    </div>
  </div>
</div>

